<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>basic</title>
    <script src="js/three.js"></script>
    <script src="js/Stats.js"></script>
    <script src="js/dat.js"></script>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div id="WebGL-output"></div>
<div id="stats-output"></div>
</body>
<script>
    function init() {
        var stats = initStats()

        var scene = new THREE.scene()

        function initStats() {
            var stats = new Stats()

            stats.setMode(0)
            stats.domElement.style.position = 'absolute'
            stats.domElement.style.left = '0px'
            stats.domElement.style.top = '0px'
            document.getElementById('stats-output').appendChild(stats.domElement)
            return stats
        }
    }
</script>
</html>